// 数据劫持, 可观察
class Observer {
    constructor(data) {
        this.walk(data)
    }
    walk(data) {
        // 遍历对象属性
        if(!data || typeof data !== 'object') {
            return
        }
        Object.keys(data).forEach(key => {
            this.defineRective(data, key, data[key])
        })
    }
    // 数据劫持，拦截对象属性
    defineRective(obj, key, val) {
        let that = this
        this.walk(val)
        let dep = new Dep() // 对每个key进行依赖收集
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get() {
                Dep.target && dep.addSub(Dep.target) //
                return val
            },
            set(newValue) {
                if(newValue === val) {
                    return
                }
                val = newValue // ?????
                // 将值为object也进行响应式
                that.walk(newValue)
                // 发布通知
                dep.notify()
            }
        })
    }
}